<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>axios.create方法</title>
    <script src="js/axios.min.js"></script>
</head>
<body>
<button id="btn">点我获取数据</button>
<!--
    axios.create(config)
        1. 根据指定配置创建一个新的 axios, 也就是每个新 axios 都有自己的配置
        2. 新 axios 只是没有取消请求和批量发请求的方法,其它所有语法都是一致的
        3. 为什么要设计这个语法?
            需求: 项目中有部分接口需要的配置与另一部分接口需要的配置不太一样
 -->
<script type="text/javascript">
    const btn = document.getElementById('btn')

    // 需要放在全局配置的前面!
    const axios2 = axios.create({
        timeout: 3000,
        // headers: {name: 'tom'},
        baseURL: 'https://api.apiopen.top'
    })

    axios.defaults.timeout = 2000
    axios.defaults.baseURL = 'http://localhost:5000'
    axios.defaults.headers = {school: 'rnny'}


    btn.onclick = () => {
        axios2({
            url: '/api/sentences',
            method: 'GET'
        }).then(
            response => {
                console.log('成功了', response.data)
            },
            error => {
                console.log('失败了', error)
            }
        )
    }
</script>
</body>
</html>
